@import "./inc/reset";
@import "../../node_modules/element-ui/lib/theme-chalk/index.css";
@import "./inc/ui";
@import "./inc/box";
@import "./inc/message";
@import "./inc/profile";
@import "./inc/emoji";

body,html {
    height: 100%;
}

body {
    font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    background: url(../assets/bg.jpg) no-repeat 50%;
    background-size: cover;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.main {
    height: 80%;
    min-height: 600px;
    padding-top: 100px;
    transition: padding .3s linear;
    backface-visibility: hidden;
    .main-inner {
        max-width: 1000px;
        min-width: 800px;
        height: 100%;
        margin: 0 auto;
        border-radius: 5px;
        overflow: hidden;
        &:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }
        .content-view {
            height: 100%;
        }
    }
}

@media (max-height: 800px),(max-width:1000px) {
    .main {
        padding-top:0;
        height: 100%
    }
}
